.code-contaner {
	position: relative;
	margin: 128rpx 40rpx 0 40rpx;
	padding: 98rpx 0 45rpx 0;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	text-align: center;
	.code-logo {
		position: absolute;
		width: 128rpx;
		height: 128rpx;
		padding: 10rpx;
		left: 50%;
		margin-left: -64rpx;
		top: -64rpx;
	}
	.name {
		font-size: 36rpx;
		font-weight: bold;
	}
	.tip {
		color: #999999;
		text{
			margin: 0 6rpx;
			color: #0579FE;
		}
	}
	.reload-btn{
		margin-top: 24rpx;
		color: #6E6E6E;
	}
	.reload-icon {
		width: 30rpx;
		height: 30rpx;
		margin-right: 12rpx;
	} 
	
}

.code-img {
	width: 450rpx;
	height: 450rpx;
	margin:32rpx auto 0 auto;
}
.info-box {
	background-color: #FFFFFF;
	margin: 32rpx 40rpx 80rpx 40rpx;
	padding: 10rpx 32rpx;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	.info-item {
		margin-bottom: 10rpx;
	}
	.label {
		width: 130rpx;
		color: #6E6E6E;
	}
}

.hiddenCanvas{
    position:fixed;
    left:1000px;
}

.blue {
	color: #0579FE;
}